<template>
  <div class="grandson">
    <h3>GrandSon</h3>
    <div>
        <p>a:{a}</p>
        <p>b:{b}</p>
        <p>c:{c}</p>
        <button @click="changeCount(3)">修改爷爷的东西</button>
        <button @click="$emit('changeMe',4)">修改爷爷的东西使用changeMe事件</button>
        <button @click="$emit('changeHer',5)">修改爷爷的东西使用changeHer事件</button>
    </div>
  </div>
</template>

<script>
export default {
    name:"GrandSon",
    props:["a","b","c","changeCount"]
}
</script>

<style scoped>
.grandson {
  background: yellowgreen;
}